<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div {
            color: black;
        }
        
        a {
            text-decoration: none;
        }
    </style>
</head>

<body>
    //
    <div id="preview">
        //
        <div id="mediumDiv">
            // <img id="mImg" src="${data.goods_big_logo}" /> //
            <div id="mask"></div>
            //
            <div id="superMask"></div>
            // </div>
        //
        <div id="largeDiv"></div>

        // </div>
    <!-- 放大镜 end-->
    <div id="productList">
        <div id="title">
            <div>
                <h3>全部商品</h3>
            </div>
            <div>
                <span>配送至:</span>
                <select id="city">
                <option value="bj">北京</option>
            </select>
                <select id="area">
                <option value="hd">海淀区</option>
            </select>
            </div>
        </div>
        <table id="goods" cellspacing="0" cellpadding="0" border="0">
            <thead>
                <tr>
                    <!-- 全选按钮 -->
                    <th><input type="checkbox" class="checkAll"></th>
                    <th>全选</th>
                    <th>商品</th>
                    <th></th>
                    <th>单价</th>
                    <th>数量</th>
                    <th>小计</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody>

                <tr class="fenGe">
                    <td colspan="8">
                        <hr/>
                    </td>
                </tr>

                <tr id="fullReduction1">
                    <td><img src="./img/buy/满减.png"></td>
                    <td colspan="7">
                        <span>活动商品购满两件，即可享受满减&nbsp;&gt;</span>
                        <span>&nbsp;&nbsp;<a href="#recommend">去凑单</a>&nbsp;&gt;</span>
                    </td>
                </tr>
                <!-- 莫斯利安 -->
                <tr class="good1 good">
                    <!-- 复选框 -->
                    <td><input type="checkbox" name="check" class="jcheck"></td>
                    <td><img src="./img/buy/莫斯利安.png" name="莫斯利安" alt="莫斯利安"></td>
                    <td>
                        <img src="./img/buy/shop.png">
                        <span>&nbsp;光明&nbsp;莫斯利安&nbsp;常温酸奶酸牛奶(原味)350g*6盒/礼盒装</span>
                    </td>
                    <td>
                        <span>莫斯利安350g*6盒/原...</span>
                    </td>
                    <td class="ll">
                        ￥<span class="price">34.80</span>
                        <img src="./img/buy/促销.png">
                    </td>
                    <td>
                        <div class="minus">-</div>
                        <input type="text" class="itxt" value="1">
                        <div class="add">+</div>
                        <div class="hasGood">请输入数字</div>
                    </td>
                    <td>
                        ￥<span class="subtotal">34.80</span>
                    </td>
                    <td>
                        <div class="delete">删除</div>
                        <div class="remove">移到我的关注</div>
                    </td>
                </tr>
                <!-- 大米 -->
                <tr class="good1 good">
                    <td><input type="checkbox" name="check" class="jcheck"></td>
                    <td><img src="./img/buy/福临门大米.png" name="福临门大米" alt="福临门大米"></td>
                    <td>
                        <img src="./img/buy/shop.png">
                        <span>&nbsp;福临门&nbsp;东北大米&nbsp;水晶米&nbsp;中粮出品&nbsp;大米5g</span>
                    </td>
                    <td>
                        <span>水晶米5kg</span>
                    </td>
                    <td class="ll">
                        ￥<span class="price">27.90</span>
                        <img src="./img/buy/促销.png">
                    </td>
                    <td>
                        <div class="minus">-</div>
                        <input type="text" class="itxt" value="1">
                        <div class="add">+</div>
                        <div class="hasGood">请输入数字</div>
                    </td>
                    <td>
                        ￥<span class="subtotal">27.90</span>
                    </td>
                    <td>
                        <div class="delete">删除</div>
                        <div class="remove">移到我的关注</div>
                    </td>
                </tr>
                <!-- 分割线 -->
                <tr class="fenGe">
                    <td colspan="8">
                        <hr/>
                    </td>
                </tr>
                <!-- 鱼肉商品 -->
                <tr id="fullReduction2">
                    <td><img src="./img/buy/满减.png"></td>
                    <td colspan="7">
                        <span>活动商品购满两件，即可享受满减&nbsp;&gt;</span>
                        <span>&nbsp;&nbsp;<a href="#recommend">去凑单</a>&nbsp;&gt;</span>
                    </td>
                </tr>
                <tr class="good2 good">
                    <td><input type="checkbox" name="check" class="jcheck"></td>
                    <td><img src="./img/buy/鱼肉.png" name="鱼肉" alt="悦胜鱼肉"></td>
                    <td>
                        <img src="./img/buy/京东_18.png">
                        <span>&nbsp;【2分9折，3分8折】&nbsp;悦胜&nbsp;海南马鲛鱼整条切片&nbsp;2斤装&nbsp;冷冻鲅鱼段</span>
                    </td>
                    <td>
                        <span></span>
                    </td>
                    <td class="ll">
                        ￥<span class="price">118.00</span>
                        <img src="./img/buy/促销.png">
                    </td>
                    <!-- 添加按钮 -->
                    <td>
                        <div class="minus">-</div>
                        <input type="text" class="itxt" value="1">
                        <div class="add">+</div>
                        <div class="hasGood">有货</div>
                    </td>
                    <td>
                        ￥<span class="subtotal">118.00</span>
                    </td>
                    <td>
                        <div class="delete">删除</div>
                        <div class="remove">移到我的关注</div>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <!-- 全选计算总价 -->
    <div id="settlement">
        <div class="footer1">
            <span>移到我的关注&nbsp;&nbsp;&nbsp;&nbsp;清理购物车</span>
            <span>&nbsp;&nbsp;已选择&nbsp;<span id="totalNum">0</span>&nbsp;件商品&nbsp;&nbsp;&nbsp;&nbsp;</span>
            <!-- 计算总价 -->
            <span><img src="./img/buy/灯泡_03.png"></span>
            <!-- 计算总价 -->
            <span>总价:￥<span id="totalPrice">0.00</span></span>

        </div>
        <div class="submit" id="submit">
            去结算
        </div>
    </div>
</body>

</html>